<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>RSF Mobile 2012</title>
        <link rel="stylesheet" href="css/jquery.mobile.css" type="text/css"/>

        <script src="js/jquery.js"></script>
        <script src="js/jquery.mobile.js"></script>
        <script src="js/jquery.interval.js"></script>
        <script src="js/cordova.js"></script>
        <script src="js/checkForConnection.js"></script>
        <script src="script.js"></script>
    </head>
    <body>
        <div data-role="page" id="bandProfile" data-theme="a">
            <div data-theme="a" data-role="header" >
            	<a href="#" data-role="button" data-icon="arrow-l" data-rel="back" data-direction="reverse" data-iconpos="notext"></a>
                <h3>
                    Band Profile
                </h3>
            </div>
            <div data-role="content" id="bandProfileCont">
            <script type="text/javascript">
            $('#bandProfile').live('pagebeforeshow', function (event,ui) {
            		var id = $.getUrlVar('id');
            		loadAjax("bandProfile.php", "id="+id, "#bandProfileCont");
            });
            </script> 
            </div>
        </div>
    </body>
</html>